@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: calc(var(--main-container) + var(--container-gutters));
        max-width: 100%;
        width: 100%;
        padding: 0px 36px;
    }

    .container2 {
        max-width: 1330px;
        max-width: 100%;
        width: 100%;
    }
    .hero-style3 {
        padding: 106px 0 130px;
        padding: 106px 0 0px;
    }

        .hero-style3 .hero-3-thumb {
            margin-top: 40px;
            margin-bottom: 40px;
        }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
        max-width: 100%;
        width: 100%;
        padding: 0px 36px;
    }
    .hero-style3 {
        padding: 106px 0 130px;
        padding: 106px 0 0px;
    }

        .hero-style3 .hero-3-thumb {
            margin-top: 40px;
            margin-bottom: 40px;
        }
}
@media (max-width: 767px) {
    .hero-style3 {
        padding: 88px 0 0px;
    }
        .hero-style3 .hero-3-thumb {
            margin-top: 20px;
            margin-bottom: 20px;
        }
}


.hero-3 {
    background: var(--smoke-color);
}
.bg-theme-green {
    background-color: #009c3c !important;
    color: #fff;
}
.mobile-menu-wrapper .mobile-logo {
    padding: 20px 0px 20px;
}
.header-logo {
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (max-width: 991px) {
    .why-area-1 .why-img-1-1 {
        width: 100%;
        top: -80px !important;
        position: relative;
    }
}

.sec-title {
    margin-top: 0em;
}